<html>
    <head>
    <script type="text/javascript">
			$(document).ready(function(){
				$('#formularios').validate({
					rules:{ 
						pergunta:{ 
							required: true							
						},						
                        respostaCorreta:{ 
							required: true							
						},
                        respostaErrada1:{ 
							required: true							
						},
                        respostaErrada2:{ 
							required: true							
						},
                        respostaErrada3:{ 
							required: true							
						},
                        respostaErrada4:{ 
							required: true							
						},
                        respostaErrada5:{ 
							required: true							
						},
						nivel: {
							required: true                            
						},						
					},
					messages:{
						pergunta:{ 
							required: "<span class='erroValidacaoForm'>Você deve digitar a pergunta!</span>"							
						},
						respostaCorreta: {
							required: "<span class='erroValidacaoForm'>Informe a resposta correta para a pergunta cadastrada!</span>"							
						},
                        respostaErrada1: {
							required: "<span class='erroValidacaoForm'>Informe a resposta errada numero 1!</span>"							
						},
                        respostaErrada2: {
							required: "<span class='erroValidacaoForm'>Informe a resposta errada numero 2!</span>"							
						},
                        respostaErrada3: {
							required: "<span class='erroValidacaoForm'>Informe a resposta errada numero 3!</span>"							
						},
                        respostaErrada4: {
							required: "<span class='erroValidacaoForm'>Informe a resposta errada numero 4!</span>"							
						},
                        respostaErrada5: {
							required: "<span class='erroValidacaoForm'>Informe a resposta errada numero 5!</span>"							
						},
                        nivel: {
							required: "<span class='erroValidacaoForm'>Escolha o Nível da pergunta cadastrada!</span>"							
						},
					}
				});
			});
	</script>   
    </head>    
<body>
            <h1>Cadastro de Perguntas</h1>
              <form name="login" action="index.php?Tela=cadastraPerguntas" method="POST" id="formularios">
                    <ul id="ulFormCadastroPergunta">
                        <li><label for="pergunta">Pergunta:</label><input name="pergunta" id="pergunta" class="campos"/></li>
                        <li><label for="respostaCorreta">Resposta Correta:</label><input name="respostaCorreta" id="respostaCorreta" class="campos"/></li>                        
                        <li><label for="respostaErrada1">Resp. Errada 1:</label><input name="respostaErrada1" id="respostaErrada1" class="campos"/></li>
                        <li><label for="respostaErrada2">Resp. Errada 2:</label><input name="respostaErrada2" id="respostaErrada2" class="campos"/></li>
                        <li><label for="respostaErrada3">Res. Errada 3:</label><input name="respostaErrada3" id="respostaErrada3" class="campos"/></li>
                        <li><label for="respostaErrada4">Res. Errada 4:</label><input name="respostaErrada4" id="respostaErrada4" class="campos"/></li>
                        <li><label for="respostaErrada5">Resp. Errada 5:</label><input name="respostaErrada5" id="resposta" class="campos"/></li>
                        <li>
                            <label for="idade">Nível:</label>
                            <select name="nivel" class="campos">
                                <option value="0">-- Escolha o Nível --</option>
                                <option value="1">Nível 1</option>
                                <option value="2">Nível 2</option>
                                <option value="3">Nível 3</option>
                            </select>                        
                        </li>
                        <li>
                            <input name="Cadastrar" value="Cadastrar" type="submit" class="botoesCad"/>
                            <input name="Limpar" value="Limpar" type="submit" class="botoesCad"/>
                        </li>                        
                    </ul>              
              </form>     
              
              <?php
                if($_POST['Cadastrar']){
                    
                    $pergunta = $_POST['pergunta'];
                    $respostaCorreta = $_POST['respostaCorreta'];
                    $respostaErrada1 = $_POST['respostaErrada1'];
                    $respostaErrada2 = $_POST['respostaErrada2'];
                    $respostaErrada3 = $_POST['respostaErrada3'];
                    $respostaErrada4 = $_POST['respostaErrada4'];
                    $respostaErrada5 = $_POST['respostaErrada5'];
                    $nivel = $_POST['nivel'];
                    
if(empty($pergunta) || empty($respostaCorreta) || empty($respostaErrada1) || empty($respostaErrada2) || empty($respostaErrada3) || empty($respostaErrada4) || empty($respostaErrada5) || empty($nivel)){
     echo '<div class="erro">Todos os campos devem ser preenchidos!</div>';
}//FIM IF VALIDAÇÃO

else{    
    $sqlCadastrar = mysql_query("INSERT INTO tb_perguntas (`pergunta`, `respostaCorreta`, `respostaErrada1`, `respostaErrada2`, `respostaErrada3`, `respostaErrada4`, `respostaErrada5`, `nivelPergunta`) VALUES ('$pergunta', '$respostaCorreta', '$respostaErrada1', '$respostaErrada2', '$respostaErrada3', '$respostaErrada4', '$respostaErrada5', $nivel)"); 
    
    if($sqlCadastrar){
        echo '<script type="text/javaScript">alert ("Cadastro realizado com sucesso!");</script>'.$pergunta;
    }
    else{
        echo '<div class="erro">Ocorreu um erro na gravação dos seus dados!</div>';
    }   
    
}//FIM ELSE VALIDAÇÃO
               }//FIM IF ENVIAR
              ?>        
              
</body>
</html>